@charset "UTF-8";

html {
    position: relative;
    min-height: 100%;
}

body {
    font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", sans-serif;
    -ms-overflow-style: scrollbar;
    color: #333333;
    background-color: #ffffff;
    margin-top: 70px;
    /* 页脚的高度 */
    margin-bottom: 60px;
}

.iconfont {
    margin: 0 5px;
}

body.full-height,
body.full-height .page-wrapper {
    background-color: #fafafa;
    min-height: 100%;
}

.iconfont {
    margin: 0 5px;
    font-size: 16px;
}

body.full-height,
body.full-height .page-wrapper {
    background-color: #fafafa;
    min-height: 100%;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #343434;
    line-height: 1.2;
    font-size: 100%
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #343434;
}

h1 {
    font-size: 38px;
    font-weight: 700;
}

h2 {
    font-size: 28px;
    margin-bottom: 15px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
    font-weight: 700;
}

h5 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

h6 {
    font-weight: 700;
}

p {
    margin-bottom: 15px;
}

a {
    color: #e84c3d;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:hover {
    color: #cd3c2e;
}

a:focus, a:active {
    outline: none;
    color: #cd3c2e;
}

.no-trans * {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.blur {
    background: url('/static/images/lunbo_1.jpg') repeat-x;
    background-size: auto 100%;
    -webkit-filter: blur(10px); /* Chrome, Opera */
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);

}

/*img {*/
/*display: block;*/
/*max-width: 100%;*/
/*height: auto;*/
/*}*/

/**外边距**/
.m5 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.m15 {
    margin: 15px;
}

.m20 {
    margin: 20px;
}

.m25 {
    margin: 25px;
}

.m30 {
    margin: 30px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt60 {
    margin-top: 60px;
}

.mt90 {
    margin-top: 90px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

/**内边距**/
.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.p25 {
    padding: 25px;
}

.p30 {
    padding: 30px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.help-block {
    margin-bottom: 0;
}

.myline {
    margin: 5px 0;
    line-height: 10px;
    height: 10px;
    display: inline-block;
    background-color: yellow;
}

.topsearch {
    height: 7rem;
    line-height: 5rem;
}

.topsearch .form-control {
    height: 7rem;
    line-height: 5rem;
    font-size: 3.5rem;
}
.topsearch .search-button{
    height: 7rem;
    line-height: 5rem;
    font-size: 2rem;
}
/**
字体大小
 */
.font10 {
    font-size: 10px;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font18 {
    font-size: 18px;
}

.font24 {
    font-size: 24px;
}

.font32 {
    font-size: 32px;
}

.font36 {
    font-size: 36px;
}

.font48 {
    font-size: 48px;
}

.font56 {
    font-size: 56px;
}

.font68 {
    font-size: 68px;
}

.font72 {
    font-size: 72px;
}

.inline {
    display: inline-block;
}

.error {
    color: #a94442;
}

.camera_tool_fixed {
    text-align: center;
    position: fixed;
    right: 15%;
    bottom: 0;
    top: 50%;
    z-index: 9999;
    margin: 0 auto;
}

.upload-tips {
    /*display: inline-block;*/
    display: block;
    margin-bottom: .5rem;
}

.form-control:focus {
    border-color: #519a53;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #3c763dab;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 4px #3c763d30;
}

.form-control, .btn, .input-group-addon, .alert {
    border-radius: 1px;
}

.list-group-item {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.list-group-item:first-child, .list-group-item:last-child {
    border-radius: 1px;
}

a.list-group-item, button.list-group-item {
    color: #fff;
    background-color: #337ab7;
}

.list-group-item {
    background-color: #fff;
    border: 1px solid #2771b1;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #f6f6f6;
    background-color: #205d92;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #205d92;
}

.form-horizontal .radio-inline {
    height: 34px;
    padding: 8px 0;
    font-size: 14px;
    line-height: 1.42857143;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 0;
    margin: 0 20px 0 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.label-weight {
    font-weight: 500;
}

.error-message {
    margin-top: 15px;
}

.error-message ul {
    list-style: none;
    padding-left: 0;
}

/**
空按钮
 */
.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-default.btn-outline {
    color: #adadad;
}

.btn-primary.btn-outline {
    color: #2e6da4;
}

.btn-success.btn-outline {
    color: #4cae4c;
}

.btn-info.btn-outline {
    color: #46b8da;
}

.btn-warning.btn-outline {
    color: #eea236;
}

.btn-danger.btn-outline {
    color: #d43f3a;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.json-data-table {
    font-size: 12px;
}

/**验证错误提示**/
.Validform_error {
    border: 1px solid #e94c3d;
    background-color: #ffe7e7;
}

.Validform_checktip {
    text-align: left;
    float: left;
}

.Validform_wrong {
    color: #e94c3d;
}

.Validform_right {
    color: #5cb85c;
}

/**
轮播图
 */
.carousel .carousel-control {

}

.carousel .carousel-control .iconfont {
    font-size: 56px;
    position: absolute;
    top: 40%;
    opacity: .3;
}

.carousel-indicators li {
    width: 58px;
    height: 5px;
    border-radius: 0;
    margin: 1px;
}

.carousel-indicators .active {
    width: 58px;
    height: 5px;
    margin: 1px;
}

.indexThumbnail .img-show {
    height: 150px;
    width: 100%;
}

.indexThumbnail .caption {
    padding: 3px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.label-gray {
    background-color: #eaeaea;
    color: #928e8e;
    font-weight: 400;
    border-radius: 4px;
}

/**
九宫格
 */
.sudoku {
    border-radius: 50px;
}

.sudoku .thumbnail {
    padding: 10px 0;
    border: none;
    border-radius: 0;
}

.sudoku .iconfont {
    font-size: 48px;
    color: #ffffff;
}

.sudoku .text {
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    margin: 10px auto;
}

.sudoku a:hover, .sudoku a:focus, .sudoku a:after {
    text-decoration: none;
}

/**color-1**/
.sudoku .color-1 {
    background-color: #8dc153;
}

.sudoku .color-1:hover, .sudoku .color-1:focus, .sudoku .color-1:after {
    background-color: #86b854;
}

/**color-7**/
.sudoku .color-2 {
    background-color: #967bdc;
}

.sudoku .color-2:hover, .sudoku .color-2:focus, .sudoku .color-2:after {
    background-color: #7d63b6;
}

/**color-3**/
.sudoku .color-3 {
    background-color: #eaa200;
}

.sudoku .color-3:hover, .sudoku .color-3:focus, .sudoku .color-3:after {
    background-color: #cf9000;
}

/**color-4**/
.sudoku .color-4 {
    background-color: #169fa5;
}

.sudoku .color-4:hover, .sudoku .color-4:focus, .sudoku .color-4:after {
    background-color: #13878d;
}

/**color-5**/
.sudoku .color-5 {
    background-color: #045494;
}

.sudoku .color-5:hover, .sudoku .color-5:focus, .sudoku .color-5:after {
    background-color: #04437a;
}

/**color-6**/
.sudoku .color-6 {
    background-color: #cf3060;
}

.sudoku .color-6:hover, .sudoku .color-6:focus, .sudoku .color-6:after {
    background-color: #a3264c;
}

/**color-7**/
.sudoku .color-7 {
    background-color: #0492e4;
}

.sudoku .color-7:hover, .sudoku .color-7:focus, .sudoku .color-7:after {
    background-color: #0482c9;
}

/**color-8**/
.sudoku .color-8 {
    background-color: #607D8B;
}

.sudoku .color-8:hover, .sudoku .color-8:focus, .sudoku .color-8:after {
    background-color: #41525e;
}

/**color-9**/
.sudoku .color-9 {
    background-color: #ff3300;
}

.sudoku .color-9:hover, .sudoku .color-9:focus, .sudoku .color-9:after {
    background-color: #ff0000;
}

/**color-10**/
.sudoku .color-10 {
    background-color: #cc66ff;
}

.sudoku .color-10:hover, .sudoku .color-10:focus, .sudoku .color-10:after {
    background-color: #cc33ff;
}

/**color-11**/
.sudoku .color-11 {
    background-color: #3333cc;
}

.sudoku .color-11:hover, .sudoku .color-11:focus, .sudoku .color-11:after {
    background-color: #3300cc;
}

/**color-12**/
.sudoku .color-12 {
    background-color: #006600;
}

.sudoku .color-12:hover, .sudoku .color-12:focus, .sudoku .color-12:after {
    background-color: #003300;
}

.form-text {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
}

/**用户顶部**/
.user-header {
    background: #212a2f url(/static/images/common/user-header.webp) repeat-x;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

.user-left-menu {
    font-size: 16px;
    font-weight: 500;
}

.user-left-menu .iconfont {
    font-size: 22px;
    font-weight: 500;
}

/*.user-left-menu  a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {*/
/*color: #f0f3f7;*/
/*text-decoration: none;*/
/*background-color: #1f272b;*/
/*}*/

/**自定义box**/
.ibox {
    margin: 20px 0;
}

.ibox h2 {
    margin-top: 5px;
    font-weight: 100;
    font-size: 24px;
}

.ibox h5 {
    margin-top: 5px;
    font-weight: 100;
    font-size: 18px;
}

.ibox .progress-mini, .ibox .progress-mini .ibox .progress-bar {
    height: 5px;
    margin-bottom: 0;
}

.ibox-content {
    clear: both;
    background-color: #f6f6f6;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

/*panel*/
.panel, .panel-heading, .panel-body {
    border-radius: 0;
}

/*media*/
.media .media-body p {
    margin-bottom: 8px;
    color: #666666;
}

.media .media-body .time {
    color: #9c9c9c;
}

.media .media-body .time .iconfont {
    font-size: 12px;
    font-weight: bold;
    margin: 0 5px;
}

.media .media-heading {
    font-size: 16px;
}

.media .money {
    font-size: 18px;
    font-style: italic;
    font-family: Calibri, serif;
    font-weight: bold;
}

.media .intro {
    font-size: 14px;
}

.media .media-bottom {
    color: #9c9c9c;
    margin-top: 5px;
}

.media .media-bottom i {
    font-weight: 700;
    font-size: 12px;
}

.panel .panel-body .info-list {
    padding-left: 0;
}

.panel .panel-body .info-list li {
    list-style-type: none;
    margin: 10px 10px 10px 0;
    padding-bottom: 5px;
    font-size: 14px;
    font-style: normal;
    border-bottom: 1px dashed #eee;
}

.panel .panel-body .info-list a {
    color: #333333;
}

.panel .panel-body .info-list a:hover, .panel .panel-body .info-list a:focus {
    color: red;
}

.panel .panel-body .info-list .time {
    color: #9c9c9c;
    float: right !important;
}

.panel .panel-body .info-list i {
    font-style: normal;
}

.panel .user-bg {
    background: #212a2f url(/static/images/user/user-bg.webp) repeat-x;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

.panel .user-footer {
    padding: 10px 15px;
    background-color: #5c6267;
    border-top: 1px solid #596168;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #f6f6f6;
}

/**索引**/
.list-index {
    padding: 8px 15px;
    margin-bottom: 20px;
    font-size: 14px;
}

.list-index > span {
    display: inline-block;
    margin: 5px 2px;
}

.list-index .active {
    padding: 2px 10px;
    border-radius: 2px;
    background-color: #e4e4e4;
    color: #666666;
}

.list-index > span + span:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.search-index dl {
    padding: 0;
    margin-bottom: 0;
    font-size: 14px;
}

.search-index .criteria dl {
    margin-bottom: 5px;
}

.search-index.select {
    padding: 0;
    margin-bottom: 0;
    font-size: 14px;
}

.search-index dt {
    font-weight: bold;
    letter-spacing: 5px;
}

.search-index dt, .search-index dd {
    display: inline-block;
    margin: 5px 2px;
}

.search-index dl a {
    padding: 2px 10px;
    border-radius: 2px;
    border: 1px solid #e8e8e8;
    color: #666666;
}

/*color: #8a6d3b;*/
/*background-color: #fcf8e3;*/
/*border-color: #faebcc;*/

.search-index a:hover {
    padding: 2px 10px;
    border-radius: 2px;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    color: #8a6d3b;
}

.search-index a.active {
    padding: 2px 10px;
    border-radius: 2px;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    color: #8a6d3b;
}

.search-index a {
    color: #666666;
    text-decoration: none;
}

.search-index .active a {
    color: #8a6d3b;
    text-decoration: none;
}

.search-index .iconfont {
    font-size: 12px;
    color: #8a6d3b;
    left: 1px;
    margin-left: 10px;
}

.search-index .iconfont:hover {
    color: red;
}

.info-list .label-default {
    background-color: #e4e4e4;
    color: #868686;
    font-weight: 500;
}

.imgCode {
    height: 46px;
}

/**内页**/
/**上传**/
form .file-input .iconfont {
    font-size: 12px;
}

form .images-box {
    margin-bottom: 0;
    border-radius: 0;
    /*width: 100%;*/
    /*height: 100%;*/
    display: block;
}

form .images-box #viewport {
    /*width: 100%;*/
    /*height: 100%;*/
    width: 600px;
    height: 300px;
    display: block;
    background-color: #2f2f2f;
}

form .images-box img {
    width: 180px;
    height: 180px;
}

form .caption {
    /*width: 200px;*/
}

form .deletetCover {
    border-radius: 0;
}

/*.footer {*/
/*background-color: #333333;*/
/*color: #ffffff;*/
/*position: static;*/
/*border-top: 1px solid #f3f3f3;*/
/*margin-top: 100px;*/
/*}*/
/**页脚**/
.footer {
    /*background-color: #f5f5f5;*/
    /*color: #ffffff;*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*width: 100%;*/
    /*height: 60px;*/
    /*line-height: 60px;*/

    width: 100%;
    margin-top: 5rem;
    height: 60px;
    line-height: 60px;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}
